preserveXing的博客

vue中有关图片引入的几种方式

1. 使用情况一:直接把src的值写在img中 代码样式 <ul> <li > <img :src="./src/img/1.jpg" alt=""> //按照你图片存放的路径 </li> </ul> 这样写完全没有问题 他会找到图片并进行显示 2. 使用情况二:把vue中data的src的值写在img中 <ul> <li v-for="(item,index) in n

vuecli创建vue3.0的项目1. cnpm的安装1.1安装淘宝镜像cnpm1.2为什么一定要安装cnpm2. 安装@vue/cli 不是那个vue-cli3. 项目创建的注意点4.项目和vue2.0的区别 1. cnpm的安装 1.1安装淘宝镜像cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 测试:cnpm -v 如果有出现版本号证明安装成功 1.2为什么一定要安装cnpm vue-cli3.0默认使用yar

一遍就会的的vue的双向数据绑定的原理1.前提知识[不会不要急,里面都会提到]1.1浅拷贝深拷贝的理解1.2Object.defineProperty的使用2.代码实现[defineProperty]3.上面代码逻辑分析4.vue3.0的双向数据绑定的方式[proxy] 1.前提知识[不会不要急,里面都会提到] 1.1浅拷贝深拷贝的理解 之所以利用到拷贝 是因为 需要复制一个对象并进行操作 1.2Object.defineProperty的使用 可以给对象的属性 例如obj={ x:12}的x进行修改

利用脚手架搭建vue项目1.node环境下载2.vue 项目创建所需要的的工具[包]3.创建vue项目4.项目的启动 1.node环境下载 百度搜索node 进入node官网 点击进入node官网 下载node安装包 因为vue的脚手架vue-cli需要node的环境 就像java开发需要jdk一样 进行安装 在打开cmd中 并且输入node -v 查看版本 以及确认是否安装成功 npm是node伴随安装的 一个包管理器 可以通过它下载脚手架等需要的工具 2.vue 项目创建所需要的的工具