Vue 2.x Tutorial
本专栏以上课内容为基础,按照功能的形式将Vue 划分为多个部分进行案例展示
abcque
这个作者很懒,什么都没留下…
展开
-
3.1.1 数据绑定基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-bind的基本使用</title> <script src="../js/vue.js"></script></head><body><div id="app"> <!-- 错误的做法: .原创 2021-09-14 10:02:28 · 93 阅读 · 0 评论 -
2.6 延迟显示,等待vue.js 加载完后后进行渲染显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-cloak</title> <script src="../js/vue.js"></script> <style> [v-cloak] { display: none; .原创 2021-09-14 09:58:28 · 919 阅读 · 0 评论 -
2.5 跳过编译过程,原样输出
转自:http://www.cnblogs.com/kongfl888/p/3351728.html如果说你编译的exe运行时报错:“尝试读取或写入受保护的内存。这通常指示其他内存已损坏”这很有可能是你是以非托管的方式错误地引用了64位的API中去。为什么会这样?那你就要考虑VS的编译器选项 /platformV原创 2021-09-14 09:53:35 · 89 阅读 · 0 评论 -
2.4 向 DOM 元素中插入文本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-text</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <h2>不使用.原创 2021-09-14 09:50:47 · 983 阅读 · 0 评论 -
2.3 在 DOM 元素中插入 html 代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插入内容为HTML代码</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <h2&g.原创 2021-09-14 09:48:36 · 904 阅读 · 0 评论 -
2.2 只渲染一次,修改变量的值,不会更新显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-once</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <h2>{{m.原创 2021-09-14 09:47:07 · 225 阅读 · 0 评论 -
2.1 模板插值 Mustache 语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用模板语法插值</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <span>.原创 2021-09-14 09:45:18 · 96 阅读 · 0 评论 -
1.3 如何理解 Vue 传入对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>构造函数的使用</title></head><body> <script> function Cat(name,color,weight){ this.name = name; .原创 2021-09-14 09:42:59 · 124 阅读 · 0 评论 -
1.2 使用 CDN Vue.js 文件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用本地Vue.js</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> <di.原创 2021-09-14 09:40:57 · 120 阅读 · 0 评论 -
1.1、使用本地 Vue.js 文件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用本地Vue.js</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <p>.原创 2021-09-14 09:38:57 · 165 阅读 · 0 评论