注意
不要在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 监听属性用于多个值域互相影响,变化的场景
记录环境安装步骤:
- 安装node js (没什么问题)
- 安装webpack (有点问题,后来查看此文章解决 webpack打包错误 ERROR in multi ./runoob1.js bundle.js_记录日常-CSDN博客)
- 安装vue-cli (npm install vue-cli -g)
- 初始化vue项目 vue init webpack my-project
-
PP Admin: 组件路由表: src\config\componentConfigs.js