![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 77
红颜莫知己
这个作者很懒,什么都没留下…
展开
-
vue入门教程(6)——webpack
8.webpackWebpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包。中文官方网站:https://www.webpackjs.com/官方给出的解释:本质上,webpack是一个现代化JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归的构建一个依赖关系图(dependency graph),其中包含应用程序的每个模块,然后将这些模块打包成一个或多个bundle。为什么要打包原创 2021-04-23 19:50:07 · 250 阅读 · 0 评论 -
在IDEA中安装webpack
webpack支持全局安装和本地安装,官方推荐是本地安装,我们按照官方的来。安装最新版本webpack,输入命令:npm install --save-dev webpackwebpack 4+ 版本,你还需要安装 CLI ,输入命令:npm install webpack webpack-cli --save-dev此时我们打开package.json文件当然我们也可以在IDEA中的Terminal中安装打开package.js文件也是一样的...原创 2021-04-23 10:34:51 · 1916 阅读 · 0 评论 -
vue入门教程(5)——vue中vue-router的使用
目录前言7.路由vue-router7.1编写父类组件7.2.编写登陆及注册组件7.3.在父组件中引用7.4.使用vue-router1.引入vue-router依赖2.创建VurRouter对象并加入子组件3.在Vue对象中加载VueRouter前言在学习vue-router之前,我们要学会怎么样在IDEA中安装vue-router,若有不懂的同学请跳转博客在IDEA中安装vue-router。7.路由vue-router在我们安装好vue-router之后,我们要导入依赖<script原创 2021-04-23 10:15:14 · 438 阅读 · 0 评论 -
在IDEA中安装vue-router
在IDEA中安装vue-router,我们同样要使用到npm,若没有安装npm请跳转博客Node的安装和npm的使用。我们只需要在IDEA的Terminal中输入一个命令即可npm install vue-router --save然后我们将package.json打开出现了vue-router的版本号,这说明安转成功。...原创 2021-04-23 08:39:00 · 2242 阅读 · 0 评论 -
vue入门教程(4)——组件化
目录7.组件化7.1 定义全局组件7.2.组件的复用7.3.局部组件7.4.vue组件简单属性传值7.组件化在大型应用开发时,页面可以划分很多部分,往往不同的页面也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发,这无疑增加了我们的开发成本,所以我们会把页面不同的部分拆分成独立的组件,然后在不同的页面就会共享这些组件,避免重复开发。7.1 定义全局组件我们通过Vue的componet方法来定义一个全局组件语法://全局组件Vue.componet("",{})""为此原创 2021-04-22 17:21:40 · 319 阅读 · 0 评论 -
vue入门教学(3)——指令详解2
目录6.4 v-for6.4.1.遍历数组v-for 在option标签中的使用v-for在li标签中的使用6.4.2.数组角标6.4.3.遍历对象6.4.4.key这篇博客我们依然讲vue的指令,接着vue入门教程(2)的内容讲6.4 v-for遍历数据渲染页面是非常常见的需求,Vue通过v-for指令来实现6.4.1.遍历数组语法:v-for = "item in itemsitems:要遍历的数组,要在vue中data中定义好item:迭代得到数组的别名示例:v-for 在o原创 2021-04-20 20:31:09 · 668 阅读 · 0 评论 -
vue入门教程(2)——指令详解
目录6.指令什么是指令?6.1.插值表达式6.1.1.花括号6.1.2.差值闪烁6.1.3.v-html和v-text6.2.v-model6.3.1.@click(v-on)6.3.2事件修饰符`.stop``.prevent`6.3.3按键修饰符6.3.4.组合按钮6.指令什么是指令?指令(Directives)是带有v-前缀的特殊特性。指令特性的预期值是:单个JavaScript表达式指令的职责是:当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM6.1.插值表达式6.1.原创 2021-04-19 16:33:42 · 285 阅读 · 4 评论 -
vue入门教程(1)——IDEA中vue的安装及简单使用
Vue教程前言在IDEA中安装vue在Chrome中加入扩展程序vue-devtools下载vue-devtools在Chrome中添加扩展程序Vue入门案例1.HTML模板中写入内容2.vue渲染3.双向绑定4.事件处理5.生命周期钩子5.1钩子函数5.1this前言我们在学会使用Vue之前,我们得学会如何在IDEA中安装vue,并且在Chrome中加入扩展程序vue-devtools在IDEA中安装vue这个请访问博主博客vue的安装。在Chrome中加入扩展程序vue-devtools下载原创 2021-04-16 19:51:20 · 1919 阅读 · 5 评论 -
Node的安装和NPM的使用
Node下载Node.js下载地址 https://nodejs.org/en/download/推荐下载LTS版本下载完成后打开安装,一直next就行完成后在控制台输入:node -v看到版本信息:NPM安装完成Node应该自带了NPM了,在控制台输入npm -v查看:npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具:nrm我们首先安装nrm,这里-g代表全局安装npm install nrm -g输入原创 2021-04-15 16:40:05 · 897 阅读 · 0 评论 -
vue的安装
下载链接https://github.com/vuejs/vue/archive/v2.5.16.zip直接输入地址栏进入会自动下载,之后解压1便可原创 2021-04-15 16:50:36 · 522 阅读 · 1 评论