![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 74
lsc。
有人质疑你的出身,有人嘲弄你的梦想,但是他没有看见你已开始奔跑
展开
-
Vue3快速上手
setup不能是一个async函数,因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换 ===> shallowRef。通过Proxy(代理): 拦截对象中任意属性的变化, 包括:属性值的读写、属性的添加、属性的删除等。watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性。原创 2023-02-17 22:34:18 · 57 阅读 · 0 评论 -
vuex和路由
在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。路由跳转时候默认为push。理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。每个组件都有自己的$route属性,里面存储着自己的路由信息。作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。原创 2023-02-16 10:09:07 · 238 阅读 · 0 评论 -
vue进阶
对象.install = function (Vue, options) {// 1. 添加全局过滤器// 2. 添加全局指令// 3. 配置全局混入(合)// 4. 添加实例方法组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: 1).一个组件在用:放在组件自身即可。 2). 一些组件在用:放在他们共同的父组件上(状态提升)。原创 2023-02-15 16:04:15 · 181 阅读 · 0 评论 -
Vue详细总结
v-text : 更新元素的 textContentv-html : 更新元素的 innerHTMLv-if : 如果为true, 当前标签才会输出到页面v-else: 如果为false, 当前标签才会输出到页面v-show : 通过控制display 样式来控制显示/隐藏v-for : 遍历数组/对象v-on : 绑定事件监听, 一般简写为@v-bind : 绑定解析表达式, 可以省略v-bindv-model : 双向数据绑定。原创 2023-02-15 11:18:29 · 27 阅读 · 0 评论 -
前端开发遇到问题总结
一、Vue脚手架报错 Component nameVue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names。原创 2023-02-10 20:29:17 · 97 阅读 · 0 评论 -
HTML基础
帮助中心账户管理购物指南订单操作原创 2022-09-25 23:40:46 · 116 阅读 · 0 评论 -
VUE&Element
当 count 模型的数据是4时,在页面上展示 div2 内容;在左菜单栏找到 Layout 布局 ,然后找到自己喜欢的按钮样式,点击 显示代码 ,在下面就会展示出对应的代码,显示出的代码中有样式,有html标签。在左菜单栏找到 Button 按钮 ,然后找到自己喜欢的按钮样式,点击 显示代码 ,在下面就会展示出对应的代码,将这些代码拷贝到我们自己的页面即可。然后我们在看看 v-show 指令的效果,如果模型数据 count 的值是3时,展示 div v-show 内容,否则不展示,html页面代码如下。原创 2023-02-05 18:23:10 · 108 阅读 · 0 评论 -
CSS基础
css写在style标签中,style标签一般写在head标签里面,title标签下面。纯数字: 100~900的整百数 正常:400 加粗:700。具体字体:"Microsoft YaHei"、微软雅黑、黑体、宋体、楷体等……id属性值相当于身份证号码,不可重复,一个标签只能有一个id属性值。字体系列:sans-serif、serif、monospace等……写在一个单独的.css文件中,需要通过link标签在网页中引入。关键字: 正常:normal 加粗:bold。原创 2022-10-01 15:06:25 · 52 阅读 · 0 评论 -
JavaScript
=JavaScript 是一门跨平台、面向对象的脚本语言==,而Java语言也是跨平台的、面向对象的语言,只不过Java是编译语言,是需要编译成字节码文件才能运行的;上面代码通过浏览器打开,我们可以在不能页面上看到 console.log(内容) 输出的内容,它是输出在控制台了,而怎么在控制台查看输出的内容呢?==它的用法类似于 var,但是所声明的变量,只在 let 关键字所在的代码块内有效,且不允许重复声明。在上面左图的输入框输入用户名,如果输入的用户名是不满足规则的就展示右图(上) 的效果;原创 2023-02-03 23:51:03 · 132 阅读 · 0 评论 -
HTML认知
【代码】HTML。原创 2022-09-25 00:23:30 · 18 阅读 · 0 评论