![](https://img-blog.csdnimg.cn/202001221438401.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
关于Vue相关的学习
杜杜杜俊杰
洪师傅,尝试切他中路看看!
展开
-
Vue(SPA)项目及文件命名规范【参考】
总结views下以 小写字母命名文件夹/index.vue 将各个主页面划分components 大写字母开头及驼峰命名文件夹 将各个大组件划分开组件中需要些小组件的,则写在该对应的文件夹下 ,同样以 大写字母开头及驼峰命名.vue其他图片名、JS文件:都以小写命名,多个单词则用短横线分割...原创 2020-06-06 11:37:30 · 852 阅读 · 0 评论 -
Vue - 计算属性与方法区别
计算属性(computed)在一个计算属性里可以完成各种复杂的逻辑,包括运算、函数调用等,最终需返回一个结果。 computed: { reversedName(){ return this.name.split('').reverse().join('') } ...原创 2020-05-02 22:40:44 · 309 阅读 · 0 评论 -
快速了解Vue的生命周期
Vue实例在生命周期内做的事情:创建Vue对象初始化数据编译模板挂载DOM渲染 -> 更新 -> 渲染销毁beforecreatedVue实例开始创建,但未完成data / methods / computed : undefined,即不能使用、操作$el : undefined,即不能使用、操作createedVue实例创建完毕data / me...原创 2020-05-02 16:59:23 · 136 阅读 · 0 评论 -
swiper初始化过早的解决办法 及 使用网络请求到数据之前初始为空报错问题解决
swiper初始化过早解决<template> <div> <!-- swiper初始化过早, 在swiper标签上加个:key,随着数组长度变化根据Diff算法动态更新 --> <swiper :key="looplist.length"> ...原创 2020-03-06 23:49:48 · 717 阅读 · 0 评论 -
Vue单文件(SPA)开发的注意点摘录及回顾(笔记)
项目文件目录置文章底部,见最后的图片为参考,这里以该目录讲解vue路由配置:(在router/index.js中配置)即浏览器路径的输入:(例如)path:’/film’, (访问:http://www.jerrybro.cn/film)component: NowPlaying (先将该路径下要显示的Vue组件页面导入,且取名NowPlaying)以此类推可配置二级路由:p...原创 2020-03-06 15:47:14 · 234 阅读 · 0 评论 -
使用vue-cli创建vue项目
vue-cli创建vue项目打开cmd,进到想要创建项目的文件夹下。例如:D:cd VSCodeWorkSpace/Project输入指令:vue create <vue项目名>例如:vue create myapp然后会显示让你选择配置,勾选项目要用的配置。具体如下图:...原创 2020-02-16 11:36:39 · 223 阅读 · 0 评论 -
Vue基础笔记
el(属性):挂载点el是用来设置Vue实例挂载(管理)的元素Vue会管理el选项命中的元素及内部的后代元素可以使用其他的选择器,但是建议使用ID选择器(一般来说ID唯一)可以使用其他的双标签,不能使用在html和body标签上示例:el : “.app” (. + class类名)或 el : “#app” (# + ID名)或 el : “div” (...原创 2020-01-17 22:05:57 · 196 阅读 · 0 评论