IDEA VUE项目使用声明式渲染

 一般都是用IDEA来编写vue项目,而vue项目一般使用的组件库element是目前广受好评的一个组件库。
 element组件具有一致性、效率性、可控性等特点,使用时快速方便的创建一个一个又一个的vue的页面,目前我们称这种为单页应用,单页应用的全称是 single-page application,简称 SPA,它是一种网站应用的模型,它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面,单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。
 下面在IDEA中打开创建的vue项目,来创建一个简单的声明式渲染的页面。
在这里插入图片描述
 下面进行第一步的操作,引入element组件,在idea的命令窗口中输入下面的命令
cnpm install element-ui --save
在这里插入图片描述
 引入后,在展开vue项目,找到package.json,点击打开,有找到"element-ui": "^2.11.1"
 就说明已经将element组件样式引入了vue项目中了。
在这里插入图片描述
 下一步就是进行对element组件进行全局引用,这样在创建vue页面时,就无需一个一个的引入element组件。
 找到mian.js,点击打开,分别输入以下三条代码,就可以全局引用了。

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在这里插入图片描述
 全部弄好了之后,现在来做一个简单的声明式渲染。
 写入下图的代码,然后运行vue的项目。
在这里插入图片描述
再来看一下运行图,这时已经运行vue项目,把hello vue渲染出来了。在这里插入图片描述

发布了29 篇原创文章 · 获赞 51 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_35426391/article/details/97617890