随笔分类 - Vue.js
摘要：https://v3.router.vuejs.org/zh/guide/ 一个简单例子 先用脚手架创建一个原始项目，然后cd到项目根目录下 ①npm install vue-router@3（对应Vue2） ②准备几个简单的组件备用（这种组件叫做路由组件，可以进一步和一般组件区分一下） Page1
阅读全文
摘要：饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=134 一些组件库： https://nutui.jd.com/#/ https://element.eleme.cn/#/zh-CN https://www.antdv.com/docs/vue/
阅读全文
摘要：vuex是一个便于多个组件共享数据的一个东西。 ①环境准备 vue create test_vuex cd test_vuex ②安装Vuex npm install vuex@next --save 运行后报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE u
阅读全文
摘要：饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=99&spm_id_from=pageDriver ①创建项目 vue create vue-github-example 启动调试： cd vue-github-example npm run s
阅读全文
摘要：饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=85&spm_id_from=pageDriver 这是一个便于组件之间通信的办法（适合于任意组件之间！），是由程序员总结而来，并非官方的API 基本原理是借助一个全局对象，进行通信。 ①效果演示
阅读全文
摘要：饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=75 ①底部统计 MyFooter.vue： <template> <div> <label> <input type="checkbox" /> </label> <span> <span>已完成
阅读全文
摘要：饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=70 ①划分组件，使用组件实现静态页面的效果。 MyHeader.vue： <template> </template> <script> export default { name: 'MyHea
阅读全文
摘要：①全局安装 npm install -g @vue/cli ②创建一个项目 vue create hello-world ③错误采用vue serve命令，结果出现下面这个 Command vue serve requires a global addon to be installed. Plea
阅读全文
摘要：饮水思源： https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks https://www.bilibili.com/video/BV1Zy4y1K7SH?p=49&spm_id_from=pageDriver 引入生命周期
阅读全文
摘要：索引 一、关于key 反例 正例 二、列表过滤（监视器VS.计算属性） 监视器实现 计算属性实现 三、列表排序 饮水思源：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=30&spm_id_from=pageDriver 一、关于key 反例 一个反例，用
阅读全文
摘要：https://www.bilibili.com/video/BV1Zy4y1K7SH?p=18 效果： 不用计算属性 一，插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <script sr
阅读全文
摘要：起步 ①调试代码用http-server（https://www.npmjs.com/package/http-server）； ②下载Vue.js开发版本（https://cn.vuejs.org/v2/guide/installation.html）； ③下载安装Vue Devtools（htt
阅读全文
