随笔分类 - Vue.js
Vue.js及前端相关
摘要：data与el的2种写法： 1：el有2种写法： （1）new Vue时候配置el属性 （2）先创建Vue实例，随后再通过vm.$mount('#root')指定el的值 2：data有2种写法： （1）对象式 （2）函数式 如何选择：目前哪种写法都可以，以后学习到组件的时候，data必须使用函数式
阅读全文
摘要：Vue中有2种数据绑定方式： 1：单向绑定（v-bind）：数据只能从data流向页面 2：双向绑定（v-model）：数据不仅能从data流向页面，还可以从页面流向data 备注： 1：双向绑定一般都应用在表单元素上（如：input、select等） 2：v-mode:value 可以简写成 v-
阅读全文
摘要：Vue 模板语法有两大类： 1：插值语法： 功能：用于解析标签体内容 写法：{{ xxx }}，xxx是js表达式，且可以直接读取到data中的所有属性 2：指令语法： 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.......） 举例：v-bind:href="xxx" 或 简写为：:
阅读全文
摘要：初识VUE： 1：想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 2：root容器里的代码依然符合HTML规范，只不过混入了一些特殊的Vue语法 3：root容器里的代码被称为【Vue模板】 4：Vue实例和容器是一一对应的 5：真实开发中只有一个Vue实例，且会配合着组件一起使用
阅读全文
摘要：webpack 一款打包工具，负责项目打包 原生使用webpack配置非常麻烦（入口，输出，加载器，插件），因此使用vue-cli打包工具（即：vue脚手架）可以极大简化webpack打包流程 vue-cli安装 sudo npm install -g vue-cli 使用vue-cli初始化 进入
阅读全文
摘要：在编辑器的终端中（在项目目录 如：cd vue-demo） npm init -y 初始化项目后在项目目录下会生成一个json文件（该文件实质是该项目的依赖管理文件，类似于maven的pox.xml） 之后使用 npm install vue --save 本地安装 或 npm install vu
阅读全文
摘要：首先在node官网下载最新版的node包 之后 sudo tar -xf node-v12.12.0-linux-x64.tar.xz -C /usr/local/ sudo ln -s /usr/local/node-v12.12.0-linux-x64/bin/node /usr/local/b
阅读全文
摘要：下载安装node，安装好后node后默认就自带了npm sudo apt install node 查看版本 node -v npm -v 安装nrm镜像切换工具 npm install nrm -g （常用的 -g 代表全局以后也可以使用的组件，--save 保存到当前以后无法继续使用每次使用都要
阅读全文
