VUE2 笔记

注意

不要在wsl2下启动 yarn serve, 文件修改不能被浏览器感知，热启动失败

非要wsl2下开发的话： 

put the vue project in the wsl2 user path (example: ~/myproject) could solve this problem
if the vue project is in path like /mnt/d/myproject hot reload will not work

建立一个基于ant-design-vue的项目

yarn global add @vue/cli
vue create antd-demo
cd antd-demo
yarn add ant-design-vue
yarn serve

建立一个基于ant-design-vue-pro的项目

git clone https://github.com/vueComponent/ant-design-vue-pro.git
cd ant-design-vue-pro
yarn install

缩写

<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>

要点

• Vue.js 监听属性用于多个值域互相影响，变化的场景

记录环境安装步骤：

1. 安装node js (没什么问题）
2. 安装webpack （有点问题，后来查看此文章解决 webpack打包错误 ERROR in multi ./runoob1.js bundle.js_记录日常-CSDN博客)
3. 安装vue-cli (npm install vue-cli -g)
4. 初始化vue项目 vue init webpack my-project

5. PP Admin: 组件路由表: src\config\componentConfigs.js