vue.js
vue.js的使用
苟圣啊
请大佬多多关照小弟,有不足的地方还请指点,点个赞再走可还行啊
展开
-
Vue3.0+ts脚手架基础使用详细教程(基于node.js,构建项目(两种方式)、预设,手把手教学)
先安装node.js,再安装vue-cli点此见另一边文章(很详细)window键+R打开终端输入 cmd(安装完成之后在进行以下操作)点击确定进入终端进入你想要在的文件夹,并输入vue create demos(demos是项目名,可以用我的,你也自己起的)然后按下回车键,会出现选择创建方式,选择最后一个:自定义配置键盘上下键选择,然后回车键盘上下键移动,空格键选择,选择后括号会出现*号,然后回车默认2.x直接回车(3.x才刚刚发布)以上预设配置我是这么选择的;最后一..原创 2020-09-10 15:04:39 · 1369 阅读 · 0 评论 -
vue3/4填坑(解决报错:Compiled with 1 warnings:warning Delete `⏎····` prettier/pret (0 errors, 2 warnings)
在我们初学vue3.0,修改vue-cli生成的HellowWorld.vue文件时就会出现这种报错(很容易才到这个坑)Compiled with 1 warnings:Module Warning (from ./node_modules/eslint-loader/index.js):warning Delete ⏎···· prettier/prettierwarning Insert · prettier/prettier解决办法:在项目的根目录打开控制台,输入以下命令,原创 2020-09-08 10:04:31 · 9982 阅读 · 0 评论 -
Vue3.0脚手架基本使用详细教程(基于node.js,构建项目(两种方式)、预设)
node.jsnode.js下载链接查看版本号:node-v,npm-v 出现版本号即安装成功(如未出现重启电脑重试)node8.9或以上版本vue-cli(两种方法可选:npm,cnpm)方法1:npm卸载:如果已经安装了旧版本的vue-cli(1x或2x),须先卸载: npm uninstall vue-cli -g全局安装:npm install -g @vue/cli查看版本号:(注意:-V大写)出现版本号即安装成功 vue -Vvue-cli3.原创 2020-09-07 16:29:43 · 473 阅读 · 0 评论 -
vue页面跳转小实例
方法一:括号里要写入,需要跳转的配好的路由名称this.$router.push("/")方法二:to后面写入,需要跳转的配好的路由名称 <router-link to=""></router-link>原创 2020-06-27 11:54:28 · 431 阅读 · 0 评论 -
vuecli,配置devServer跨域
先新建vue.confilg.js文件在文件中配置proxy原创 2020-06-26 14:22:34 · 682 阅读 · 0 评论 -
vue改页面顶部浏览器标题栏图标、名称和地址栏详细教程
首先在文件目录下找到public文件夹接着在文件目录中找到favicon.ico改成你想要换的图标(换的图标一定要是ico结尾,可以去百度搜一下icon图标生成器转一下)接着在文件目录中找到package.json文件在package.json文件中找到name,改成你想要的名字效果如下...原创 2020-06-24 11:39:22 · 11727 阅读 · 3 评论 -
vue三级(三层)头部菜单导航,一天一个(防秃头)小技巧
* { margin: 0; padding: 0; list-style: none; } body { background: skyblue; } .menu { display: flex; } .menu>li { padding: 10px;原创 2020-06-24 10:57:41 · 1160 阅读 · 0 评论 -
Uncaught ReferenceError: Vue is not defined解决方案,一看就懂
没有引入vue,在使用vue之前,必须先导入vue.js文件//方法一:BootCDN引入 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>//方法二:直接下载vue.js,并用 <script> 标签引入,Vue 会被注册为一个全局变量。//方法三:npm终端下载npm install vue...原创 2020-06-24 09:21:34 · 12287 阅读 · 2 评论 -
vue的生命周期钩子函数详细说明
vue的生命周期钩子函数当el和template同时存在时,优先走template里的内容,相当于将渲染好处理后的html替换掉el旧模板。(el必须存在)先初始化周期(下图中虚线可走可不走,穿了方法(beforeCreate)就走)beforeCreate初始化data(是拿不到数据的)*created *判断有无el,没有时调用vm.$mount(el)才会走,没调用就不向下走了;有el,再判断有无template属性,有template属性就渲染template对象;没有templ原创 2020-06-20 09:28:57 · 271 阅读 · 0 评论 -
继上一个vue网页仿星星评价,vue脚手架插件的npm安装教学以及使用教学。脚手架仿网页星星评价
npm(前提是已经按装node)按下 window+r键打开cmdnpm install -g cnpm --registry=https://registry.npm.taobao.org(全局安装如果没下载cnpm,需要下载 )cnpm i -g @vue/cli (全局安装vue脚手架)vue -V(查看vue脚手架是否安装好)vue create demo1 (建一个名叫demo1的项目)npm run serve(运行项目)vue脚手架使用初始目录是这个样子的在Ap原创 2020-06-17 13:12:45 · 249 阅读 · 0 评论 -
vue仿网页星星评价小例子,简单易懂(点击,经过,离开)
.star{ color: gold; }<div id="app"> <i @mouseleave='cIndex=index' @click='index=item' @mouseenter='cIndex=item' v-for='item in count' class="fa star " aria-hidden="true" :class="item <= cIndex?'fa-star':'fa-star-o'" s.原创 2020-06-15 17:41:18 · 274 阅读 · 0 评论 -
vue轮播图小例子,简单易懂,易上手。
* { padding: 0; margin: 0; list-style: none; } .container { width: 100%; position: relative; display: flex; justify-content: center; } .c.原创 2020-06-15 17:30:26 · 509 阅读 · 0 评论 -
了解Vue和jq之间的关系,vue常用属性、vue常用指令
Vue.js了解Vue.js和jQuery之间的关系常用属性常用指令了解Vue.js和jQuery之间的关系1、Vue 的官方是不建议直接操作 DOM 的,Vue 的用途在于视图和数据的绑定。如果通过JQuery 直接操作 DOM 的话,势必会造成视图数据和模型数据的不匹配,这样 Vue 就失去它存在的意义了;2、JQuery 和 VueJS 合理使用并不会造成冲突,因为他们的侧重点不同,VueJS 侧重数据绑定和视图组件,JQuery 侧重异步请求和动画效果。如果使用JQuery + VueJS原创 2020-06-09 22:02:25 · 724 阅读 · 0 评论