Vue
关注
分享
扫一扫
文章平均质量分 62
无声有寒
这个作者很懒，什么都没留下…
展开
-
70～94todolist
70_静态操作步骤：实现静态组件：抽取组件，使用组件实现静态页面效果展示动态数据： 2.1. 数据的类型、名称是什么？ 2.2. 数据保存在哪个组件？交互——从绑定事件监听开始72_添加nanoid库生成id。兄弟组件header和list无法传值，所以数据放在父组件中。儿子给父亲传数据，父亲先给孩子传一个函数。数据就可以作为参数传到父亲那。73_勾选数据在哪，对数据的操作就在哪。vue不建议修改props的数据。74_删除1.change可以监听ch原创 2022-06-05 07:16:19 · 230 阅读 · 0 评论 -
134~135 elment-ui
ele-ui原创 2022-06-10 17:47:45 · 279 阅读 · 0 评论 -
122~133 vue-router相关
vue路由原创 2022-06-10 09:58:54 · 311 阅读 · 1 评论 -
108~116Vuex
vuex原创 2022-06-07 21:47:29 · 123 阅读 · 0 评论 -
102～104插槽
插槽原创 2022-06-06 14:10:48 · 133 阅读 · 0 评论 -
96~101网络请求，github案例
GitHub搜索案例原创 2022-06-05 16:50:05 · 133 阅读 · 0 评论 -
vue脚手架基础
61_创建Vue脚手架mac下直接安装脚手架报错，或许是因为系统版本太高，先输入sudo chown -R $(whoami) /usr/local/*安装脚手架npm install -g @vue/cli切到要创建项目的目录，创建项目vue create vue_test选择默认vue2,babel将Es6转成Es5，eslin检查语法错误。成功创建项目，进入文件目录，运行项目通过链接可以访问到项目,ctrl + c 终止服务62_分析脚手架结构项目目录结构BASE原创 2022-05-29 14:05:11 · 803 阅读 · 2 评论 -
Vue组件化编程
54_对组件的理解组件是局部功能的css,js,html和资源的集合。18_非单文件组件54_非文件组件data一定要写成函数式，返回数据对象的一个副本。不然都是指向同一个地址，一个地方改了，所有用到这个组件的地方数据都会变。<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>基本使用</title> <script type="t原创 2022-05-29 06:14:33 · 132 阅读 · 0 评论 -
vue核心
尚硅谷vue思考p30_key的作用与原理绑定key得用唯一表示，用index从前插入数据到数组容易出错。diff对比的是虚拟dom，文本框里的输入是真实dom，但在虚拟dom中文本框看起来都一样，所以就复用之前的文本框。用index做key，输入框错位。用id绑定key...原创 2022-05-26 07:26:54 · 553 阅读 · 6 评论 -
day9 导航守卫，过度特效，懒加载
vue路由守卫路由跳转的时候，中间的一些事件。跳转之前的事件。比如跳转之前，判断有没有登录，没有的话就跳到登录页面。跳转到登录页面的时候，就可以直接跳。每次跳转之后触发。afterEach.特定跳转之后触发。在跳到about页面之前触发。还有几种。进入前。组件重复利用。离开前。路由元信息元信息写在路由最后 的meta里，可以设置一些路由特定的信息。页面需要权限并且没有登录，跳转到登录页面。过渡动效页面切换的动效。用transation包裹住原创 2021-07-01 10:05:33 · 165 阅读 · 0 评论 -
day8 路由
路由Vues是单页面应用。路由两种模式。history模式，后端需要操作，返回首页。首页是这样的。另一种模式，不需要配置，首页是这样的，多了个/#/原创 2021-06-30 16:17:32 · 113 阅读 · 0 评论 -
day7 less
day7 lesslessCSS预处理语言。希望css可以实现代码复用。但浏览器不支持less，需要把less编译成css文件。安装cnpm install less可以把颜色定义成变量@main-color: #ff6700现在只需改一个地方，下面的main-color都会改。导入<link rel="stylesheet/less" type="text/css" href="css/style.less"/><script src="js/less.m原创 2021-06-24 19:10:59 · 133 阅读 · 0 评论 -
VuePress搭建技术网站与个人博客
1.主要思路是按照这篇博客来搭建的。https://www.jianshu.com/p/37509da5a020https://www.bilibili.com/video/BV1dA411b76g?p=2&spm_id_from=pageDriver2.在部署文件到github上的时候，deploy.sh文件里。在Wushengyouhan.github.io仓库里没用东西是，用上面那个push不会报错。在仓库已经有了，后续的更新需要用下面的那个push。...原创 2021-06-23 02:01:21 · 251 阅读 · 0 评论 -
Git使用
https://www.bilibili.com/video/BV12Z4y1p7iG?p=4将代码上传到仓库。原创 2021-06-21 23:07:35 · 98 阅读 · 0 评论 -
day5 Socket.IO
1.是一个库，实现在浏览器和服务器进行实时通信。2.cnpm 安装会出现node-modules和package.json3.跨域问题的试试这个server = app.listen(80)； var io = require('socket.io')(server, { cors: true });跨域问题的试试这个server = app.listen(80)； var io = require('socket.io')(server, { cors: true });...原创 2021-06-21 22:27:18 · 135 阅读 · 0 评论 -
day4 wechat
1.入口文件不需要改。2.主要工作在App.vue里。3.创建组件原创 2021-06-20 18:38:20 · 134 阅读 · 0 评论 -
day3组件传值
1.html属性名不能出现大写。如果变量名是驼峰的话，比如schoolName。在属性名里就写成school-name。2.父传子，用props接收。3.子传父。原创 2021-06-13 16:19:39 · 126 阅读 · 0 评论 -
Vue的生命周期
1.beforeCreate.实例化了vue，但data没有绑定，methods也没有定义。2.created数据和方法以及原创 2021-06-13 14:06:27 · 94 阅读 · 0 评论 -
Vue项目创建
方法1代码创建1.进入文件夹,输入命令vue create+文件名vue create tes32.选择配置，easyconfig是之前保留的配置，我们现在选择Manually select features进行手动配置。空格选定或者取消选项。这里我们选择了1，2两个最基础的。然后回车。3. 选择vue版本。回车。4.所有的配置都装在一个文件package.json里就选第二个。第一个是另外创建单独的文件。5.下面问你需不需要保存当前的配置，需要就选y，给他起.原创 2021-03-25 21:44:59 · 205 阅读 · 0 评论 -
day2 侦听器，内联样式，事件绑定，表单绑定，过渡动画
1. Emmet .page + tab 直接生成<div class="page"></div>2，事件对象的this是Vue对象3.stop，阻止冒泡，父元素点击事件不会被触发4.按键事件绑定5.表单绑定v-model,监听用户输入事件更新数据6.属性之间空格分开，千万不能加逗号...原创 2021-03-21 17:05:23 · 104 阅读 · 0 评论 -
day1:条件渲染，列表渲染，模板语法，计算属性
1.MVVM 和 MVC2.数据双向绑定，减少不必要的DOM操作。数据驱动。3.虚拟DOM。一次性拼装完，然后整体送过去。4.v-if:不显示时，第一次就直接不渲染，如果时内容已经显示将其改为不显示，将内容直接从Dom去除,只是渲染1次的内容用v-ifv-show:不显示时，就会改为display:none,但是会渲染在DOM上。反复需要切换的内容，使用v-show5.<li v-for="item,index in students" v-if="item.age%2==...原创 2021-03-20 10:33:06 · 108 阅读 · 2 评论 -
01.vue的入门
1.Vue安装的三种方式。2.vue初体验响应式：数据变，页面显示的内容也变 声明式编程：数据和页面的显示分离开了 Vue的参数是一个对象 el绑定了标签 data对象里面存着数据，替换上方{{name}}3.列表展示item in movies就相当于k in movies 是一种即时反馈的，向数组中添加新的元素，页面会立即显示4.计数器案例@click 是 v-on:click的语法糖，就是简写 this.counter而不是this.data.coun...原创 2020-08-12 22:10:59 · 105 阅读 · 0 评论