vue.js学习笔记,vue如何生成页面
1、.vue 页面经过webpack打包工具,生成对应的 .html.js.css文件
·
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}” (略写)
更多推荐
已为社区贡献1条内容
所有评论(0)