vue基础
文章平均质量分 65
vue基础
N10N11
为什么总掉头发??
展开
-
vue-cli创建项目,vue项目目录介绍
first_vue #项目名-node_modules # 项目有很多依赖都放在这,等同python的 .venv文件夹,可以删掉,非常多小文件,复制很慢,如果没了,执行 cnpm install 就可以在装上,装完项目可以运行-public # 文件夹(一般不动)favicon.ico # 网站小图标index.html # spa:单页面应用---》整个vue项目其实就这一个html页面,以后都是组件切换-src # 开发重点,以后代码几乎都是写在这里。原创 2024-01-11 16:58:46 · 940 阅读 · 0 评论 -
vue的插值语法,vue指令系统,style和class
官网:https://cn.vuejs.org/文档3:https://cn.vuejs.org/文档2:https://v2.cn.vuejs.org/原创 2024-01-06 12:40:40 · 459 阅读 · 0 评论 -
ref属性(组件间通信),动态组件,插槽
ref属性放在普通标签上通过 this.$refs['myinput'] 拿到的是 原生dom对象操作dom对象:改值,换属性等2 ref属性放在 组件上。原创 2024-01-11 21:33:50 · 449 阅读 · 0 评论 -
vue列表渲染-v-for指令,vue事件处理,数据双向绑定,表单控制
stop:子标签上用只处理自己的事件,父控件冒泡的事件不处理(阻止事件冒泡)# 使用v-model绑定后,只要变量发生变化,页面就变化,只要页面变化,变量就变化。self:父签上用 ,只处理自己的事件,子控件冒泡的事件不处理。input 标签,使用 v-model 双向绑定。# v-model 指令,只针对于input标签。按键是个事件--》keyup keydown。-input: 只要输入内容就触发。-change :内容发生变化。-blur :失去焦点。-focus:得到焦点。原创 2024-01-09 20:24:37 · 595 阅读 · 0 评论 -
es6导入导出语法,vue-router简单使用,登录跳转案例,scoped的使用
只导出变量:export default name只导出函数:export default add导出对象:export default {name,add}name:"彭于晏",return a+b。原创 2024-01-14 19:26:30 · 992 阅读 · 0 评论 -
vue购物车案例,v-model 之 lazy、number、trim,与后端交互
3 axios 第三方ajax,只有ajax,没有别的,小--》底层还是基于XMLHttpRequest。提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分。# 1 使用jq的ajax ===》不好---》引入了jq框架,好多功能用不到。number:数字开头,只保留数字,后面的字母不保留;lazy:等待input框的数据绑定时区焦点之后再变化。# 2 原生js fetch。trim:去除首位的空格。原创 2024-01-09 21:54:53 · 529 阅读 · 0 评论 -
计算属性和监听属性,生命周期钩子,组件介绍
<h1>我是组件</h1><button @click="haneleClick">点我看美女</button><p>年龄是:{{ age }}</p>原创 2024-01-10 22:04:05 · 627 阅读 · 0 评论