05 2022 档案
摘要：路由基本使用 1.在当前文件夹下执行npm init、npm init -y初始化package.json 2.然后执行npm i -s vue、npm i -s vue-router安装vue和vue-router 3.在node_modules下找到vue和vue-router中的js并引入到项
阅读全文
摘要：事件修饰符 .stop 阻止向上冒泡 不会调用父的事件 .prevent 阻止默认行为，调用 event.preventDefault() .capture捕获冒泡 .self 只当事件在该元素本身触发时，才会触发事件 .once 事件只触发一次 <!-- .stop 阻止向上冒泡 不会调用父的事件
阅读全文
摘要：父组件传递子组件数据 方式：通过props属性来传递数据 注意：属性的值必须在组件中通过props属性显示指定，否则，不会生效 说明：传递过来的props属性的用法与data属性的用法相同 如果传递的数据是data中的属性时，必须使用v-bind绑定属性才可以传递过去 子组件传递父组件数据 方式：父
阅读全文
摘要：1.v-text 用来设置当前元素的文本内容，相当于DOM对象的 innerText或textContent 2.v-html 更新DOM对象的 innerHTML 3.v-bind 通过v-bind为HTML元素绑定属性，使用data中提供的数据; 因为 v-bind:title 这种使用方式很繁
阅读全文
摘要：钩子函数 含义beforeCreate Vue实例进行初始化，此时实例的各个组件还没有完全初始化，因此不能访问data、computed、watch、methods的方法和数据，同时，Vue实例的挂载点也没有进行初始化created Vue实例初始化完成，此时可以访问data、computed、wa
阅读全文
摘要：1.条件渲染v-if：条件指令<input type="checkbox" v-model="ok">同意许可协议<!-- v:if条件指令：还有v-else、v-else-if 切换开销大 --><h1 v-if="ok">if：Lorem ipsum dolor sit amet.</h1><h
阅读全文
摘要：1、单向绑定数据v-bind你看到的 v-bind 特性被称为指令。指令带有前缀 v- 除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:） 2、双向绑定数据v-modeldata: { searchMap:{ keyWord: '哪吒' }}<!-
阅读全文
摘要：(1)HTML —— Hypertext Markup Language，超文本标记语言 • HTML是用来描述网页内容和结构的一种语言。例如：网页中的文字、表格、图片等等。• HTML相比其它编程语言更加容易掌握，如<p></p>用于表示一段文本，<img>表示一张图片等等。 (2)H5/HTML
阅读全文
摘要：1进入你要创建vue项目的目录下进行项目创建，输入：vue create ”项目名称“ 2选择最后一项 Manually select features 自行选择配置 3空格键是选中与取消，A键是全选 TypeScript 支持使用 TypeScript 书写源码 Progressive Web A
阅读全文
摘要：路由：控制组件之间的跳转，不是先请求不用刷新页面，直接跳转/切换组件 配置：/src/router/index.js 引入import Router from 'vue-router' 组册.use(Router) 引入路由对应的组件地址：引入路由对应的组件地址 配置路由：{ path: '/',
阅读全文
