VUE3
关注
分享
扫一扫
VUE前端开发
easyboot
愿断一切恶，愿修一切善。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue的组件数据绑定测试
每次编写总有收获<html lang="en"><head> <meta charset="UTF-8"> <title> <title></title> </title></head><body> <div id="app"> <easyboot v-for="(item,index) in ite.原创 2021-09-29 10:57:49 · 92 阅读 · 0 评论 -
Element Plus中的input设置背景色和字体颜色
Input的背景色和字体颜色原创 2022-09-20 16:03:20 · 3354 阅读 · 0 评论 -
vue的模板的父子组件使用，并且实现数据传递
@{ ViewData["Title"] = "Privacy Policy";}<h1>@ViewData["Title"]</h1><p>Use this page to detail your site's privacy policy.</p><div id="app"> <mycom></mycom></div><template id="cpnParent"&.原创 2021-06-11 16:05:53 · 119 阅读 · 1 评论 -
cshtml中使用vue.js的v-on语法糖
在cshtml中使用vue的语法糖时会出错，思考是 因为@在RAZOR语法里面表示的是后台代码的开始，在@后再加一个@表示是一个普通@ 例如<button @@click="add">+</button> <button @@click="add">+</button> <button v-on:click="sub">-</button><script type="text/javascript..原创 2020-11-25 16:15:57 · 2253 阅读 · 0 评论 -
创建VUE项目
前提安装好nodejs在cmd中执行vue init webpack myvue之后一路选择N即可如图所示执行npm install安装依赖项VScode打开效果原创 2021-09-29 18:31:43 · 88 阅读 · 0 评论 -
vue.js的简单应用
test.cshtml@{ ViewData["Title"] = "Test"; Layout = null; // Layout = "~/Views/Shared/_Layout.cshtml";}<script src="~/plugins/vue/vue.js"></script><h1 class="text-white">Test</h1><div id="app" class="text-white".原创 2020-11-19 14:58:26 · 384 阅读 · 0 评论 -
登录页面背景增加视频播放功能
页面背景为视频的功能原创 2022-11-10 10:25:06 · 346 阅读 · 0 评论 -
Vue3.js简单应用学习
1.最新的Vue.js 获取地址<script src="https://unpkg.com/vue@3"></script>2.简单的Vue.js测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ..原创 2022-05-12 23:00:30 · 279 阅读 · 0 评论 -
vue3网络请求到的数据为proxy对象时
vue 中proxy数据处理原创 2022-10-28 11:28:25 · 1377 阅读 · 0 评论 -
vue中的插槽使用slot
@{ ViewData["Title"] = "slot";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn> @*需要替換slot的內容*@ <input slot="slotbutton"/> </cpn></div><template id="cpn"> <div> .原创 2021-06-12 11:55:29 · 169 阅读 · 0 评论 -
vue中日志文件长度超过一定长度删除前面的数据
前端日志的简单实现方法原创 2022-09-20 11:32:49 · 174 阅读 · 0 评论 -
Vue基础代码学习
@{ ViewData["Title"] = "Home Page";}<div class="text-center"> <h1 class="display-4">Welcome my docker test and vue</h1> <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.原创 2021-06-11 09:06:35 · 223 阅读 · 0 评论 -
使用axios实现用户登录
var vm = new Vue({ el: '#app', data: { userName: "demo", Password: "123456", }, methods: { checkLogin: function () { axios.get(apiurl + 'api/User', { params: { userName: this.userName, Password: thi.原创 2021-01-20 10:33:44 · 2297 阅读 · 0 评论 -
Webview +vue.js +echarts
1.在assets目录下创建web目录，如下图2.b.html内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../wwwroot/js/vue.js"></script> <script src=...原创 2021-07-15 09:22:53 · 279 阅读 · 0 评论 -
vue父访问子组件中的数据方法，使用$refs
@{ ViewData["Title"] = "children";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn ref="abc"> </cpn> <button v-on:click="btnclick">按鈕</button></div><template id="cpn"> <div>我是.原创 2021-06-12 11:02:53 · 152 阅读 · 0 评论 -
Asp.net core 在vue.js 中使用echarts
vue中使用echarts原创 2022-08-30 13:45:21 · 413 阅读 · 0 评论 -
SignalR和Vue之间数据通讯
SignalR和Vue.js通讯原创 2022-08-29 13:55:38 · 617 阅读 · 0 评论 -
安装vue脚手架不成功的解决方法
我在电脑上安装了几次，都不成功，最后发现是没有用管理员身份运行cmd的原因下图是运行成功的界面npm install @vue/cli -g原创 2021-06-13 13:41:18 · 1206 阅读 · 0 评论 -
使用visual studio 2019 开发vue项目
vue create原创 2021-06-13 14:10:41 · 1461 阅读 · 0 评论 -
vue中子组件访问父组件中的数据方法，使用$parent或者$root
@{ ViewData["Title"] = "parent";}<h1>@ViewData["Title"]</h1><div id="app"> <cpn ref="cpnref"> </cpn></div><template id="cpn"> <div> <h2>我是子組件</h2> <button v.原创 2021-06-12 11:17:44 · 329 阅读 · 0 评论 -
VUE学习(十五)echarts的使用
1.在项目中安装echarts。下面是vue的完整代码。原创 2022-12-29 10:43:06 · 207 阅读 · 0 评论 -
VUE学习(十二) 父组件传值给子组件
三.子组件传值给fuzujian。一.vue2.x写法。二.VUE3.x写法。原创 2022-12-16 16:23:27 · 124 阅读 · 0 评论 -
VUE学习（四）el-table的替代品vxe-table使用
使用el-table加载数据量稍微大点，就会卡顿。搜索后发现vxe-table比较好用。2.main.js 中加入。1.github地址。原创 2022-12-09 15:50:36 · 1965 阅读 · 0 评论 -
VUE学习(七) router的使用
4.在app.vue中加入2.在vscode中新建router目录和index.js文件。3.在main.js引入router。1.通过npm安装router。index.js代码如下。在项目目录下执行即可。原创 2022-12-13 10:48:15 · 294 阅读 · 0 评论 -
Vue设置div的宽度和高度
<script src="~/Content/AdminLTE-3.0.1/plugins/jquery/jquery.min.js"></script><script src="../Scripts/echarts.js"></script><script src="~/Content/plugins/vue-dev/dist/vue....原创 2020-04-15 14:20:02 · 20221 阅读 · 0 评论 -
使用Axios传递参数
经常使用jquery的ajax。现在想使用vue了，但是发现axios的参数传递的时候不是FormData的。应为我需要用到__RequestVerificationToken所以找到必须使用transformRequest进行参数的转换。特此记录。感觉vue还是不错的。 axios({ method: ...原创 2020-04-14 09:33:59 · 446 阅读 · 1 评论 -
VUE学习(十九) vxe-table获取筛选后的数据内容
vxe-table功能强大，很好用，但是我想获取筛选后的数据内容，发现需要设置ref=“xTable”PrintListData就是最终筛选后的数据。原创 2023-01-10 14:32:30 · 3961 阅读 · 0 评论 -
VUE学习(十一) watch的使用方法
1.VUE3的组合式写法。2.setup语法糖写法。原创 2022-12-16 15:44:24 · 108 阅读 · 0 评论 -
VUE学习(十七) VUE3使用axios post的时候参数传递为空值
1.在使用axios发现post到后端的参数值变为空值。多次测试后发现只有使用下面的方法可用。参数名必须为字符串。参数要写成paramss 类型才行。2.后台的WEBAPI。原创 2023-01-09 13:38:02 · 2261 阅读 · 0 评论 -
Vue学习(二）创建vue项目
Vue学习原创 2022-12-09 11:02:17 · 183 阅读 · 0 评论 -
VUE学习(九) 自动引入插件unplugin-auto-import
2.在vite.config.js中进行配置，并在vue文件中使用。原创 2022-12-16 14:35:27 · 430 阅读 · 0 评论 -
VUE学习(三)Vue官网
Vue学习原创 2022-12-09 11:45:31 · 118 阅读 · 0 评论 -
VUE学习(十八) 更新VUE项目中package.json组件的版本
安装更新组件：npm i -g npm-check-updates。更新VUE项目中package.json组件的版本。使用CMD命令，用管理员打开，在项目录下执行该命令。下面是我执行命令的界面。原创 2023-01-10 11:01:48 · 2076 阅读 · 0 评论 -
VUE学习(十三) 依赖注入组件之间传值
1.在home页面中引入A组件 定义provide传值给子组件。2.A组件中引用B组件 定义inject接收传过来的值。3.B组件也定义接收传过来的值，在B组件也可以修改数值。原创 2022-12-19 11:34:52 · 219 阅读 · 0 评论 -
js 调用vue中的方法
vue函数mounted () { window.GetOrganization = this.GetOrganization; // 方法赋值给window }， methods: { // vue内部方法 GetOrganization: function () { var data = ""; ...原创 2020-04-15 15:06:11 · 914 阅读 · 0 评论 -
VUE学习(八) 使用proxy解决前端跨域问题
1.在vite.config.js中加入proxy配置。2.在访问地址前加上/path就可以实现正常访问了。原创 2022-12-16 09:03:47 · 173 阅读 · 0 评论 -
VUE学习(五)VUE项目发布启动
3.将打包好的vue项目下dist目录所有文件拷贝。在项目目录下运行 npm run build。5.此时在浏览器中输入localhost。4.粘贴至nginx目录html下。双击nginx.exe运行。即可看到发布的网站了。原创 2022-12-12 10:06:13 · 213 阅读 · 0 评论 -
VUE学习(六)使用signalR
1.通过npm安装SignalR。这个地方需要注意安装@microsoft/signalr。另外一个版本在我这里总是报错。另外signalR需要在当前页面导入，不能用全局的方法main.js中导入，我这里会出错。2.我的测试代码主要看initSignalR()部分即可，其他的是我测试代码。原创 2022-12-12 15:02:14 · 2116 阅读 · 0 评论 -
VUE学习(十四)读取json文件
2.使用import导入json。1.json文件内容。3.console结果。原创 2022-12-22 11:27:27 · 2194 阅读 · 0 评论 -
VUE学习（一）安装Node
VUE学习原创 2022-12-09 10:52:32 · 169 阅读 · 0 评论