Vue.js
文章平均质量分 96
vuejs
IoneFine
这个作者很懒,什么都没留下…
展开
-
(一)前端工程化与Webpack
Webpack基本使用原创 2021-09-25 19:01:30 · 646 阅读 · 2 评论 -
Vue.js(六)样式绑定
官方文档: https://cn.vuejs.org/v2/guide/class-and-style.html原创 2019-05-15 19:30:39 · 206 阅读 · 0 评论 -
Vue.js(七)条件渲染、列表渲染、set方法
官方文档: https://cn.vuejs.org/v2/guide/conditional.html1、v-if<div id="root"> <div v-if="show">{{message}}</div></div><script> var vm = new Vue({ el: "#...原创 2019-05-15 20:44:38 · 442 阅读 · 0 评论 -
Vue.js(一)入门基础篇
vue.js入门基础原创 2019-05-12 21:58:17 · 2206 阅读 · 1 评论 -
Vue.js(二)Vue实例选项列表
官方文档: https://cn.vuejs.org/v2/api/#选项-数据1、el来源: https://cn.vuejs.org/v2/api/#el类型:string | Element限制:只在由 new 创建的实例中遵守。详细:提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。在实例...原创 2019-05-12 23:26:43 · 702 阅读 · 0 评论 -
Vue.js(三)Vue实例的生命周期钩子
参考: https://cn.vuejs.org/v2/guide/instance.html#生命周期图示生命周期函数就是vue实例在某一个时间点会自动执行的函数,下图展示了Vue实例的生命周期:注意: vue实例的生命周期函数并不放在methods对象中,而是直接单独放在vue的实例中即可。以下代码介绍上图所示的8个生命周期钩子函数,其他几个函数详: https://cn.vuejs...原创 2019-05-13 10:11:18 · 310 阅读 · 0 评论 -
Vue.js(四)Vue模板语法
官方文档: https://cn.vuejs.org/v2/guide/syntax.html插值表达式,由两个花括号包裹v-text,和插值表达式功能一样v-html,输出原始HTML,而非字符串vue中,凡是v-开始的指令,后面的内容都是一个js表达式。一个栗子:<div id="root"> <div v-text="'name: ' + name"&...原创 2019-05-13 10:53:57 · 269 阅读 · 0 评论 -
Vue.js(五)计算属性、方法和侦听器
官方文档: https://cn.vuejs.org/v2/guide/computed.html一个栗子:<div id="root"> <div>{{firstName + " " + lastName}}</div></div><script> var vm = new Vue({ el:...原创 2019-05-13 16:08:27 · 508 阅读 · 0 评论