vue基础入门

烟雨朦胧、人去楼空 0     1353      前端   0     0
vue2基础入门


1、html、css、js基础

2、了解node和npm,开发vue需要node环境,依赖使用npm

3、webpack(可选,因为vue/cli已经封装了打包功能)

【入门知识点】

{{}}表达式

v-bind:绑定属性

v-on:绑定事件

事件修饰符:比如阻止默认行为、冒泡等

@click.stop阻止点击事件的冒泡,@click是v-on:click的简写

使用vue-cli工具创建一个vue项目(node环境)

使用vue创建项目:vue create hello

启动服务器:npm run serve

ES2015语法

import:引入外部模块

export:暴露接口,可以被其他模块调用

.vue单文件里要写exports暴露接口,其他模块才能调用

如:

<script>

export default {

data(){//node环境开发的话是需要data函数来返回数据,如果是引入vue.js,则是data:{ message:"hello vue"}。

return{

message:"hello vue"

}

}

}

</script>

【vue模板语法】

v-if:页面上直接不渲染该标签,

v-show:渲染dom,但设置为display:none;