weixin_45890764的博客

vue 组件的生命周期钩子从组件渲染—> 销毁。不同的生命周期阶段对应着组件内的不同的生命周期函数，在对应阶段对应的函数会自动触发。所有的生命周期都是同步函数。初始渲染阶段beforeCreatecreatedbeforeMountmounted数据更新阶段beforeUpdateupdated销毁beforeDestroydestoyed让我们通过代码来学习一下 beforeCreate() { //数据观测（data,observer） 和

当我们把radio组件完成之后，为了方便，我们设计了radio-group组件，我们的radio组件是这样引用 <yy-radio label="0" v-model="gender">男</yy-radio> <yy-radio label="1" v-model="gender">女</yy-radio> <yy-radio label="2" v-model="gender">保密</yy-radio&gt

Vue.js针对一些常用的页面功能提供了以指令来封装的使用方式，以html元素属性的方式使用v-show <div id="app"> <h1 v-show="yes">yes</h1> <h1 v-show="no">NO</h1> <h1 v-show="age>=25">age:{{age}}</h1> <h1 v-show="name.i

指令是带有v-前缀的特殊属性，其值限定为单个表达式。指令的作用是，当表达式的值发生改变时，将这个变化反映到DOM上<h5 v-if="true">你能看到我吗？</h5>这样界面就会出现 “你能看到我吗？” 如果把true改成false那么文字就会消失，后期做项目我们就可以设置变量放到引号当中，通过改变变量来控制消失或者显示。我们最常使用的指令还得是v-on和v-bindv-bind指令用于响应式地更新HTML属性，v-on是用来监听DOM事件比如，我们在做项目的时候，后

数据绑定最常见的形式就是使用Mustache语法（双括号）的文本插值<p>{{message}}</p>Mustache标签会被替换成Vue实例中数据对象message属性的值。只要绑定的数据对象上message属性发生了改变，插值处的内容就会被更新。这种传送数据方式跟之前不一样，之前我们做页面都是直接写<h2>你好，世界<h2>现在不是我们会通过变量的方式，把信息放到变量当中然后通过Mustache语法显示出来 <div id="vm

无论学习什么网名都要从最基础的开始学习，我们就是从最基础的Vue.js语法开始，包括：Vue实例 插值 指令在一个Vue.js框架的页面应用程序中，至少要创建一个Vue实例，语法为new Vue()，Vue实例充当了MVVM模式当中的ViewModel（MVVM可以去看我的Vue从入门到精通的首篇文章）。在创建Vue实例时，需要传入一个选项对象吧，该对象可以包含数据，方法，组件生命周期钩子等在选项对象中，通过el属性绑定要渲染的View，el:'#app' 表示该Vue实例将挂载到下面这个元素上，dat

当我们在使用Vue的时候，会发现Vue是具有响应式的，但是我们可不要以为这是理所当然的，那他是如何实现的呢？我们来看一下代码：body> <div id="app"> {{message}} <h5>{{message}}</h5> <h5>{{message}}</h5> </div> <script src="./vue.js"></

MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。这两个方向都实现的，我们称之为数据的双向绑定。在MVVM的框架下视图和模型是不能直接通信的。它们通过V