![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
基本無害
这个作者很懒,什么都没留下…
展开
-
Vue的组件基础
组件是Vue比较核心的概念,可以定义一个公共组件在其他页面复用,下面介绍一下组件的基本语法。 1、比如我们想定义一个按钮,并显示出点击了多少次。 <template> <button @click="count++">You Clicked me {{ count }} times</button> </template> <script> export default{ name: 'bbb', data () { re原创 2021-04-26 16:14:17 · 105 阅读 · 0 评论 -
Vue的重要语法
1、事件指令 用v-on监听DOM事件,用来监听事件触发时运行JS代码。 <button @click="count++">{{count}}赞了我</button> <p>The button above has been clicked {{ count }} times.</p> data(){ return { count: '1', } } a)事件处理方法 & 定义事件的语法 ●最基本的用法 .原创 2021-04-22 14:11:51 · 106 阅读 · 0 评论 -
Vue的基本语法
1、插值 a)文本 {{}} <!-- 无论何时,绑定的数据对象上 msg属性发生了改变,插值处的内容都会更新。 --> <span>Message: {{msg}}</span> <!-- 通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。--> <span v-once>这个值不会改变 {{msg}}</span> b)原始HTML 双大括号将数据解释为文本,当使用v-h.原创 2021-04-16 10:33:29 · 728 阅读 · 0 评论 -
初识Vue的生命周期
Vue的生命周期 Vue实例有一个完整的生命周期:开始创建、初始化数据、编译模板、挂载DOM、渲染---更新---渲染、卸载等一系列过程。 而钩子函数就是在某个阶段给你一个做某些处理的机会。 1、beforeCreate(创建前) 在实例初始化(new Vue)之后,在数据监听(data)和事件(methods)配置之前被调用。此时组件的选项对象还未创建,因此el和data并未初始化,无法访问methode、data、computed等上的方法和数据。 2、created(创建后) 实例已经创建原创 2021-04-15 14:44:29 · 86 阅读 · 0 评论