
vue
周清城
修电脑的和写代码的
展开
-
Vue 实例--属性、方法、生命周期
构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的:var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式, Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。在实例化 Vue 时,需要传原创 2017-08-01 19:02:56 · 738 阅读 · 0 评论 -
如何理解vue.js组件的作用域是独立的
转载链接:http://www.cnblogs.com/diantao/p/5848618.htmlvue.js组件的作用域是独立,可以从以下三个方面理解:1、父组件模板在父组件作用域内编译,父组件模板的数据用父组件内data数据;2、子组件模板在子组件作用域内编译,子组件模板的数据用子组件内data数据,如果要用父组件的必须用props传递;3、子组件标签的数据,使用父组转载 2017-08-16 11:22:40 · 832 阅读 · 0 评论 -
如何理解v-model就是语法糖?
绑定表单控件和绑定普通控件并无二致。但是因为控件绑定常常涉及到双向绑定,此时使用v-model让它更加简单。比如checkbox:script src="https://unpkg.com/vue/dist/vue.js">script>div id="app"> input type="checkbox" v-bind:checked="checked">v-bindinput>br/转载 2017-08-16 15:27:42 · 3718 阅读 · 0 评论 -
vue组件之emit
我们知道,父组件是使用 props 传递数据给子组件,但如果子组件要把数据传递回去,应该怎样做?那就是自定义事件!每个 Vue 实例都实现了事件接口(Events interface),即:使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件Vue.component('button-counter', { template: ` {{转载 2017-08-16 16:37:05 · 1290 阅读 · 0 评论 -
vuejs点击class变化
> html lang="en"> head> meta charset="UTF-8"> title>Vue.js小demotitle> style> .static{ width: 100px; height: 60px; margin:30px auto; display: inline-block;原创 2017-08-15 15:09:39 · 451 阅读 · 0 评论 -
vue嵌套路由-query传递参数(三)
转载链接:http://blog.youkuaiyun.com/k491022087/article/details/70214664在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 paramsindex.html[html] view plain copydiv id="app">转载 2017-08-22 17:54:04 · 2559 阅读 · 0 评论