-
1.cnpm淘宝镜像安装方法: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装 vue-cli: $ cnpm install -g vue-cli查看全部
-
vue查看全部
-
new 一个vue对象的时候你可以设置它的属性,其中最重要的包括三个,分别是data,methods,watch。 exp: new Vue({ data: { a: 1, b: [] }, methods: { doSomething: function () { this.a ++ } }, watch: { ‘a’: function (val, oldVal) { console.log(val, oldVal) } } }) 其中data代表vue对象的数据,methods代表vue对象的方法,watch设置了对象监听的方法。 Vue 对象里的设置通过html指令进行关联 模板指令 数据渲染: v-text、v-html、{{}} <p>{{ a }}</p> <p v-text=“a”></p> <p v-html=“a”></p> 对应到 new Vue ({ data: { a: 1, b: [] } }) 控制模块隐藏: v-if、v-show <p v-if=“isShow”></p> <p v-show=“isShow”></p> new Vue({ data: { isShow: true } }) 渲染循环列表: v-for <url> <li v-for=‘item in items’> <p v-text=‘item.label’></p> </li> <url> new Vue({ data: { items: [ {label: ‘apple’}, {label: ‘banana’} ] } }) 事件绑定: v-on <button v-on:click=“doThis”><button> “v-on:” 可以缩写 “@” @click=“doThis” methods: { doThis: function (something){} } 属性绑定:v-bind 一般绑定的是类 简写 (:) <img v-bind:src=“imageSrc"> <div :class=“{red: isRed}”></div>查看全部
-
安装cnpm npm install -g cnpm --registry-https//npm.taobao.org查看全部
-
view查看全部
-
view查看全部
-
html,css,js整合在一起查看全部
-
- abc查看全部
-
v-bind查看全部
-
vue 用法小结查看全部
-
模板指令 -v-bind查看全部
-
Vue.js 的一个组件查看全部
-
从*.vue 到页面查看全部
-
npm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org查看全部
-
vue.js的一个组件查看全部
举报
0/150
提交
取消