您的位置:首页 > 产品设计 > UI/UE

vue.js学习笔记,vue如何生成页面

2017-10-20 23:59 169 查看
1、.vue 页面经过webpack打包工具,生成对应的 .html .js .css文件

3、Vue.js组件的重要选项

》data

Vue所有的数据都是放在data里面的(model层),新建一个Vue对象时,其参数也是一个对象data

》methods

存放Vue的方法,该方法可以取到data里面的数据。

》watch

监听作用,监听data里面的数据,或者页面元素,在发生特性动作时执行相应的方法。

3、Vue对象设置通过HTML指令进行关联

模板指令(优势:双向绑定,自动更新)

》数据渲染:{{}} v-text v-html

》控制模块隐藏: v-if v-show

区别:v-if 不进行渲染,v-show是经过渲染的,在CSS里用display: none达到相应的效果

》渲染循环列表: v-for

》事件绑定: v-on

可将元素绑定到事件(methods里的一个方法),两种写法 :v-on:click=“dothis” or @click=”dothis”

》属性绑定:v-bind

v-bind:src = “imageSrc” (全写)

:calss = “{red:isRed}” (略写)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue-js